<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<body>
<div class="navbar navbar-inverse"  th:fragment="topbar(active)">
    <div class="container" style="height: 100px">
        <div class="navbar-header">
            <!-- Button for smallest screens -->
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
            <a class="navbar-brand" href="homePage.html">
                <img src="assets/images/sc.php" alt="Techro HTML5 template" width="250" height="50"></a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav pull-right mainNav">
                <li th:class="${active=='homePage'?'active':''}"><a href="/main.html">首页</a></li>
                <li th:class="${active=='about'?'active':''}"><a href="/about">查找车位</a></li>
                <li th:class="${active=='3Dparking'?'active':''}"><a href="/threeDParking">3D车位</a></li>
<!--                <li th:class="${active=='services'?'active':''}"><a href="/services">发布车位</a></li>-->
                <li th:class="${active=='price'?'active':''}"><a href="/price">购物车</a></li>
                <li th:class="${active=='order'?'active':''}"><a href="/order">我的订单</a></li>
                <li th:class="${active=='loan'?'active':''}"><a href="/loan">贷款业务</a></li>
                <li  th:class="${active=='projects'?'active':''}"><a id="cname" href="/projects">[[${session.username}]]</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="menunav" th:fragment="menunav(selected)">
    <div class="mn-list widthbox clear">

        <a href="/projects"  class="selected" th:class="${selected=='projects'?'selected':''}" style="text-decoration: none">
            我的资料
        </a>

        <a href="/contact" th:class="${selected=='contact'?'selected':''}"  style="text-decoration: none">
            我的购买
        </a>

        <a href="/selling" th:class="${selected=='selling'?'selected':''}"  style="text-decoration: none">
            我的认筹
        </a>
        <a href="/realName" th:class="${selected=='realName'?'selected':''}"  style="text-decoration: none">
            实名认证
        </a>
        <a href="/owner" th:class="${selected=='owner'?'selected':''}"  style="text-decoration: none">
            业主认证
        </a>

        <a href="/myloan" th:class="${selected=='myloan'?'selected':''}"  style="text-decoration: none">
            我的贷款
        </a>
    </div>
</div>
</body>

</html>